<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="expires" content="0">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta charset="utf-8"/>
    <link rel="shortcut icon" type="image/x-icon" href="../images/jsmile.ico"/>
    <title>微笑云-运营平台</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_763780_wtq7jtflmd7.css">
    <link rel="stylesheet" href="../libs/vue/theme-chalk/elementui.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../libs/zoom/zoom.css" media="all">
    <script src="../libs/vue/vue.js"></script>
    <script src="../libs/jquery/jquery.mini.js"></script>
    <script src="../libs/vue/elementui.js"></script>
    <script src="../libs/layer/layer.js"></script>
    <script src="../javascript/kit/jsmile.js"></script>
    <script src="../javascript/kit/vue-ext.js" ></script>
    <script src="../libs/zoom/zoom.js"></script>
    <style>
        html, body {
            margin: 0;
            padding: 0;
            background-color: #fff;
            font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, Arial, sans-serif;
            font-size: 14px;
            height: 100%;
        }
    </style>
</head>
<body>
<div id="app" class="el-container wrapper is-vertical">

    <header class="el-header" style="height: 64px; background-color: rgb(84, 197, 189);">
        <a href="https://gitee.com/RMorily">
            <img src="../images/logo.png" alt="element-logo"  class="header-logo">
        </a>
        <div class="header-left">
            <span style="margin-right: 5px;"> {{tenantName}}</span>|<span style="margin-left: 5px;">运营平台</span>
        </div>
        <ul class="header-operations">
            <li>
                <el-dropdown>
                    <span style="color:#fff;" class="el-dropdown-link">{{realName}}<i
                            class="iconfont jsmile-geren big_icon"></i></span>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item><i class="iconfont jsmile-xinxi small_icon"></i>账户信息</el-dropdown-item>
                        <el-dropdown-item @click.native="exit"><i class="iconfont jsmile-exit small_icon"></i>退出</el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
            </li>
            <li>
                <el-dropdown>
                    <span class="el-dropdown-link" style="color:#fff;">
                        <i class="iconfont jsmile-kefu big_icon"></i>
                    </span>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item><i class="iconfont jsmile-yin small_icon"></i>微笑云助手</el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
            </li>
            <li class="nav_msg">
                <i class="iconfont jsmile-tixing big_icon"></i>
            </li>
            <li v-on:click="goHome()">
                <i class="iconfont jsmile-home big_icon"></i>
            </li>
        </ul>
    </header>
    <div class="el-container">
        <el-aside  class="el-aside menu" style="width: 200px">
            <el-menu :collapse="isCollapse">
                <el-submenu :index="m.id" v-for="m in menus">
                    <template slot="title"><i :class="'iconfont mid_icon '+m.iconCls"></i><span slot="title">{{m.name}}</span></template>
                    <el-menu-item :index="c.id" v-for="c in m.children" @click.native="goHome(c.url)"><i :class="'iconfont mid_icon '+c.iconCls"></i>{{c.name}}</el-menu-item>
                </el-submenu>
            </el-menu>
        </el-aside>
        <el-main style="padding: 10px 10px 0px 10px;">
            <a class="help" id="bar" href="javascript:"><i class="iconfont jsmile-help m_icon"></i>微上手</a>
            <div class="helper__modal modal-backdrop"></div>
            <div class="div-show">
                <div class="titleName">
                    <i class="iconfont jsmile-xhelp mid_icon"></i><label class="titleName" id="funcName" style="width: 100px">{{wHelp.hTitle}}</label></div>
                    <div style="padding: 10px 20px 20px 20px;" v-html="wHelp.helpContent"></div>
            </div>
            <iframe id="home" src="../html/homePage/home.html" width="100%" height="100%" frameborder="0"
                    scrolling="no" style="display: block;"></iframe>
        </el-main>
    </div>
</div>
<script src="../javascript/index.js"></script>
</body>
</html>